/*头部*/

.header{height: 250px;max-width: 1920px;position: relative;z-index: 1;background-image: url(../image/head_bg.jpg);background-repeat: no-repeat;background-position: center top;overflow: hidden;}

.hd_logo{display: block;padding:0 10px 0 15px;font-size:12px;font-weight:normal;height: 95px;width: 343px;line-height: 1000px;background: url(../image/logo.png) no-repeat center;}

.hd_logo a{display:block;height:54px;line-height: 400px;overflow:hidden;}

.load{line-height: 34px;height: 34px;}

.load span{float: left;color: #7C7C7C;font-size: 12px;}

.load em{float: right;}

.header .top{height:123px;overflow: hidden;padding-top: 27px;clear:both;}

.header .logo{float: left;width: 376px;height: 98px;display: inline;margin-right: 25px;border-right: 1px solid #DADADA;background-repeat: no-repeat;background-position: right top;}

.header .logo img{width: 290px;height: 91px;}

.header p{font-size: 24px;color: #da251d;padding-top: 16px;font-weight: bold;line-height: 100%;float: left;}

.header p span{display: block;font-size: 20px;color: #333;font-family: "Microsoft Yahei";font-weight: normal;margin-top: 12px;}

.header .tel{float: right;background: url(../image/tel.png) no-repeat left center;font-size: 16px;color: #404040;padding-left:55px;margin-top: 16px;line-height: 120%;}

.header .tel span{font-size: 26px;font-family: GothamBook,arial;display: block;color: #141414;margin-top: 10px;}

.header .nav{background:#232323;width: 1920px;z-index: 1;height: 66px;line-height: 66px;margin-left:-360px;padding-left:360px;}

.header .nav .content{width: 1200px;margin: 0 auto;}

.header .nav li{float: left;position: relative;background-repeat: no-repeat;padding: 0 17px;margin-right: -19px;}

.header .nav li:after{content: "";background: url(../image/nav_abg.png) right top;width: 20px;height: 66px;display: block;right: 0px;position: absolute;top: 0;}

.header .nav li a{display: inline-block;line-height: 66px;color: #fff;padding: 0 28px;position: relative;font-size: 16px;}

.header .nav li:first-child a{padding: 0 30px 0 24px;margin-left: -1px;}

.header .nav li.cur a,.header .nav li:hover a{background: #da251d;}

.header .nav li.cur a:before,.header .nav li:hover a:before{content: "";width: 0;height: 0;border-top:66px solid transparent;border-right:19px solid #da251d;position: absolute;left: -19px;top: 0;}

.header .nav li.cur a:after,.header .nav li:hover a:after{content: "";width: 0;height: 0;border-bottom:66px solid transparent;border-left:19px solid #da251d;position: absolute;right: -19px;top: 0;}

/*banner*/

.banner{height: auto;max-width: 1920px;margin:0 auto!important;position: relative;margin-top: -34px;}

.banner .bd li{float: left;width: 100%;}

.banner .bd li img{width: 100%;}

.banner .bd li a{display: block;}

.banner .prev{position:absolute;top:40%;left: 6%;z-index: 10;cursor: pointer;}

.banner .next{position:absolute;top:40%;right: 6%;z-index: 10;cursor: pointer;}

.banner .hd{z-index: 1; margin: 0 auto; text-align: center; position: absolute; left: 0; width: 100%; bottom:8%;}

.banner .hd li{width: 40px;height: 8px;background: #fff;margin: 0 5px;display: inline-block;}

.banner .hd li.on{background: #D7342F;}



/*搜索*/

.search{height: 72px;background:#fff;border-bottom: 1px solid #f2f2f2;}

.keyword{font-size: 14px;color: #888;padding-left:30px;line-height: 72px;background: url(../image/hot.png) no-repeat left center;padding-left: 30px;}

.keyword b{color: #343434;margin-right: 10px;font-weight: normal;}

.keyword a{color: #666;display:inline-block;}

.keyword a:last-child:after{display: none;margin: 0;}

.keyword a:after{display: inline-block;content: "/";color: #EAEAEA;margin: 0 5px;}

.sou{margin-top: 18px;position: relative;width: 447px;height: 43px;overflow: hidden;background:rgba(238,238,238,0.5);}

.sou .ipt1{width: 390px;height: 43px;font-size: 14px;color: #999;border:none;background: none;text-indent:20px;line-height: 43px;}

.sou .ipt2{background:url(../image/search.png) no-repeat 13px center;display: block;width: 33px;height: 22px;border: none;float: right;margin-right: 19px;margin-top: 11px;border-left: 1px solid #DEDEDE;padding-left: 13px;}



/*引子*/

.yz{height:495px;padding-top: 66px;}

.yz h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;}

.yz h2 a{display: block;}

.yz h2 span{color: #da251d;font-weight: bold;}

.yz h2 em{display: block;margin-top: 14px;}

.yz p.ms{font-size: 16px;color: #6e6e6e;text-align: center;line-height: 36px;margin-top: 38px;}

.yz li{float: left;margin-right: 9px;width: 218px;height: 243px;margin-top: 28px;position: relative;}

.yz li:before{display: block;content: "";width: 0;height: 0;border-top: 62px solid #fff;border-right: 109px solid transparent;position: absolute;left: 0;top: 0;}

.yz li:after{display: block;content: "";width: 0;height: 0;border-top: 62px solid #fff;border-left: 109px solid transparent;position: absolute;right: 0;top: 0;}

.yz li:first-child{margin-left: 40px;}

.yz li:last-child{margin-right: 0;}

.yz li em{display: block;width: 218px;height: 243px;position: relative;overflow:hidden;}

.yz li em:before{display: block;content: "";width: 0;height: 0;border-bottom: 62px solid #fff;border-right: 109px solid transparent;position: absolute;left: 0;bottom: 0;}

.yz li em:after{display: block;content: "";width: 0;height: 0;border-bottom: 62px solid #fff;border-left: 109px solid transparent;position: absolute;right: 0;bottom: 0;}

.yz li img{width: 218px;height: 243px;}



/*品质好货*/

.pro{background: #f5f5f5;padding: 0 0 60px;position: relative;}

.pro:after{content: "";width: 0;height: 0;position: absolute;border-top: 50px solid #fff;border-right: 960px solid transparent;border-left: 960px solid transparent;left: 50%;top: 0;margin-left: -960px;}

.pro h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-top: 20px;}

.pro h2 a{display: block;;}

.pro h2 b{background: url(../image/tit_bg.png) no-repeat;width: 47px;height: 48px;display: block;text-align: center;padding-top: 6px;margin: 0 auto;margin-bottom: 8px;}

.pro h2 b img{width: auto;height: auto;margin: 0 auto;}

.pro h2 span{color: #da251d;font-weight: bold;}

.pro h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}

.pro h2 em i{color: #D0D0D0;font-weight: lighter;margin: 0 2px;}

.pro .tit{margin-top: 52px;}

.pro .tit li{float: left;width: 142px;margin-right: 34px;}

.pro .tit li:last-child{margin-right: 0;}

.pro .tit li em{width: 133px;height: 133px;border-radius: 50%;overflow: hidden;border:2px solid #fff;display: block;}

.pro .tit li em img{width: 135px;height: 135px;}

.pro .tit li span{display: block;text-align: center;height:35px;width: 142px;font-size: 18px;color: #fff;background: url(../image/pz_titbg.png);line-height: 34px;margin-top: 26px;}

.pro .tit li.cur em,.pro .tit li:hover em{border: 2px solid #da251d}

.pro .tit li.cur span,.pro .tit li:hover span{background: url(../image/pz_titbgh.png);}

.pro .con{margin-top: 68px;height: 450px;overflow: hidden;position: relative;}

.pro .con dt{width: 600px;height: 450px;float: left;border:1px solid #eee;box-sizing:border-box;}

.pro .con dt img{width: 600px;height: 450px;}

.pro .con dd{float: left;width: 560px;height: 219px;background: #fff;margin-left: -37px;margin-top: 32px;padding-left: 50px;padding-right: 27px;padding-top: 33px;}

.pro .con dd span{font-size: 12px;color: #D6D6D6;display: block;}

.pro .con dd b{font-size: 20px;font-weight: normal;display: block;width: 31px;white-space: nowrap;border-bottom: 2px solid #CA1624;padding-bottom: 3px;margin-bottom: 28px;}

.pro .con dd p{width: 560px;line-height: 30px;color: #7D7D7D;font-size: 16px;height: 85px;overflow: hidden;}

.pro .con dd a.more{font-size: 14px;color: #7D7D7D;text-decoration: underline;}

.pro .con dd a.more img{display: inline-block;vertical-align: middle;-webkit-filter: grayscale(100%);filter: grayscale(100%);opacity: 0.3;margin-left: 6px;}

.pro .con dd a.more:hover{color: #CA1624;}

.pro .con dd a.more:hover img{-webkit-filter: grayscale(0%);filter: grayscale(0%);opacity: 1;}

.pro .con em.picc{position: absolute;width: 383px;height: 166px;display: block;right: 0;bottom: 0;overflow:hidden;}

.pro .con .qh{width: 189px;height: 75px;background: #fff;position: absolute;right: 195px;bottom: 0;}

.pro .con .qh i{width: 50%;text-align: center;display: block;float: left;padding-top: 30px;height: 45px;cursor:pointer;}

.pro .con .qh i.prev:after{content: "";display: block;float: right;width: 1px;height: 27px;background: #F0F0F0;margin-top: -5px;}

.pro .con2{margin-top: 40px;}

.pro .con2 dl{float: left;width: 289px;margin-right: 14px;margin-bottom:24px;}

.pro .con2 dl:nth-child(4n){margin-right: 0;}

.pro .con2 dt{width: 290px;height: 290px;line-height: 0;}

.pro .con2 dt img{width: 290px;height: 290px;border:1px solid #eee;box-sizing:border-box;}

.pro .con2 dd{height: 50px;background: #fff;padding-left: 5px;padding-top: 7px;position: relative;}

.pro .con2 dd b{display: block;font-size: 16px;color: #2C2C2C;font-weight: normal;margin-bottom: 12px;}

.pro .con2 dd span{display: block;font-size: 12px;color: #8B8B8B;}

.pro .con2 dd a.more{position: absolute;width: 42px;height: 45px;display: block;right: 12px;bottom: 6px;background: url(../image/pz_more2.png) no-repeat center;transition: all .2s linear;}

.pro .con2 dl:hover{box-shadow:0 3px 27px 2px rgba(0,0,0,0.05), 0 0px 27px rgba(0,0,0,0.05);}

.pro .con2 dl:hover dd b a{color: #ca1624;}

.pro .con2 dl:hover dd a.more{background: url(../image/pz_more2h.png);bottom: 37px;}





/*品牌实力*/

.sl{background:#000 url(../image/sl_bg.png) no-repeat center top;height: 370px;position: relative;}

.sl:before{content: "";width: 0;height: 0;position: absolute;border-top: 50px solid #f5f5f5;border-right: 960px solid transparent;border-left: 960px solid transparent;position: absolute;left: 50%;top: 0;margin-left: -960px;}

.sl:after{content: "";width: 0;height: 0;position: absolute;border-bottom: 50px solid #fff;border-right: 960px solid transparent;border-left: 960px solid transparent;position: absolute;left: 50%;bottom: 0;margin-left: -960px;}

.sl b.tb{background: url(../image/sl_tbg.png) no-repeat; width: 57px; height: 48px; display: block; text-align: center; padding-top: 18px; margin: 0 auto; margin-bottom: 10px;position: relative;z-index: 1;top:10px;}

.sl b.tb img{width: auto; height: auto; margin: 0 auto;}

.sl h2{font-size: 60px;color: #fff;font-weight: normal;}

.sl h2 a{color:#fff;}

.sl h2 span{color: #da251d;font-weight: bold;}

.sl h2 em{font-size: 30px;display:block;text-align: right;float: right;padding-top: 30px;}

.sl h2 em span{font-weight: normal;}

.sl .con{margin-top: 32px;}

.sl .con ul{width: 600px;float: left;}

.sl .con li:first-child{border-left: 1px solid rgba(255,255,255,0.15);}

.sl .con li{float: left;height: 84px;border-right: 1px solid rgba(255,255,255,0.15);width: 140px;text-align: center;}

.sl .con li em{height: 50px;display: block;}

.sl .con li span{display: block;font-size: 24px;color: #fff;margin-top: 4px;}

.sl .con p{float: right;width: 520px;margin-top: 23px;}

.sl .con p span{display: block;color: #fff;opacity: 0.41;font-size: 16px;}

.sl .con p i{color: #fff;font-size: 36px;font-family: GothamBook;background: url(../image/sl_tel.png) no-repeat left center;padding-left: 38px;}





/*品牌四大实力*/

.sl2{height: 2112px;}

.sl2 .con1{padding-top: 26px;}

.sl2 .con1 dt{float: left;width: 600px;height: 506px;}

.sl2 .con1 dt img{width: 600px;height: 506px;}

.sl2 .con1 dd{float: right;width: 558px;}



.sl2 .con2 dt{float: right;width: 600px;height: 506px;}

.sl2 .con2 dt img{width: 960px;height: 506px;}

.sl2 .con2 dd{float: left;width: 558px;}

.sl2 .con2 dd h3{padding-top: 54px;}

.sl2 .con2 dd p span{margin-bottom: 7px;}



.sl2 .con3 dt{float: left;width: 600px;height: 506px;margin-left: -360px;}

.sl2 .con3 dt img{width: 960px;height: 506px;}

.sl2 .con3 dd{float: right;width: 558px;}

.sl2 .con3 dd h3{padding-top: 54px;}

.sl2 .con3 dd p span{margin-bottom: 7px;}



.sl2 .con4 dt{float: right;width: 600px;height: 506px;}

.sl2 .con4 dt img{width: 960px;height: 506px;}

.sl2 .con4 dd{float: left;width: 558px;}

.sl2 .con4 dd h3{padding-top: 54px;}



.sl2 dd h3{margin-bottom: 38px;padding-top: 9px;}

.sl2 dd h3 em{display: block;background:url(../image/sl_ctit.png);width: 61px;height: 70px;text-align: center;line-height: 70px;font-size: 36px;color: #fff;font-weight: lighter;float: left;}

.sl2 dd h3 i{float: left;margin-left: 26px;font-size: 36px;color: #242424;line-height: 30px;font-weight: normal;}

.sl2 dd h3 i span{font-size: 12px;font-family:GothamBook;color: #CBCBCB;display: block;font-weight: normal;text-transform: uppercase;}

.sl2 dd p{font-size: 16px;color: #383838;line-height: 32px;}

.sl2 dd p span{display: block;margin-bottom: 18px;}

.sl2 dd .list{margin-top: 45px;height: 144px;overflow: hidden;}

.sl2 dd ul li{float: left;margin-right: 10px!important;display: inline;}

.sl2 dd ul li:nth-child(2n){margin-right: 0;}

.sl2 dd ul li a{display: block;}

.sl2 dd ul li img{width: 269px;height: 144px;}

.sl2 dd .qh{text-align: center;margin-top: 21px;position: relative;}

.sl2 dd .qh:before{position: absolute;content: "";width: 238px;height: 1px;background: #EBEBEB;left:0;top: 15px;}

.sl2 dd .qh:after{position: absolute;content: "";width: 238px;height: 1px;background: #EBEBEB;right:0;top: 15px;}

.sl2 dd .qh i{display: inline-block;width: 11px;height: 13px;background: url(../image/sl_cqh.png);margin: 0 3px;cursor: pointer;}

.sl2 dd .qh i.cur{display: inline-block;width: 11px;height: 13px;background: url(../image/sl_cqhh.png);}





/*合作案例*/

.case{background: #f1f1f1;height: 1012px;position: relative;overflow: hidden;}

.case:after{content: "";width: 0;height: 0;position: absolute;border-top: 50px solid #fff;border-right: 960px solid transparent;border-left: 960px solid transparent;left: 50%;top: 0;margin-left: -960px;}

.case h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-top: 20px;}

.case h2 a{display: block;;}

.case h2 b{background: url(../image/sl_tbg.png) no-repeat;width: 57px;height: 54px;display: block;text-align: center;padding-top: 12px;margin: 0 auto;margin-bottom: 8px;}

.case h2 b img{width: auto;height: auto;margin: 0 auto;}

.case h2 span{color: #da251d;font-weight: bold;}

.case h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}

.case .tit{border-top: 1px solid #D8D8D8;padding-top: 15px;margin-top: 45px;}

.case .tit li,.case .tit em{text-align: center;float: left;margin-right: 113px;display: inline;}

.case .tit em{margin-right: 0;}

.case .tit li a,.case .tit em a{display:block;}

.case .tit li img,.case .tit em img{width: 41px;height: 41px;display: inline-block;}

.case .tit li span,.case .tit em span{display: block;font-size: 18px;color: #373737;line-height: 32px;font-weight: bold;margin-top: 7px;}

.case .con{position: relative;height:628px;margin-top: 34px;overflow: hidden;}

.case .con .list{width: 864px;position: absolute;left: 50%;margin-left: -432px;}

.case .con .list .tempWrap{margin-left: -864px;}

.case .con .qh{position: relative; top: 225px; z-index: 1; left: 50%; margin-left: -600px;width: 1200px;}

.case .con .qh:after{content: "";background:rgba(0,0,0,0.52);width:528px;height: 486px;display: block;right: -360px;top:-225px;position: absolute;z-index: 1}

.case .con .qh:before{content: "";background:rgba(0,0,0,0.52);width:528px;height: 486px;display: block;left: -360px;top:-225px;position: absolute;z-index: 1}

.case .con .qh i.prev{float: left;margin-left: 108px;cursor: pointer;position: absolute;z-index: 2;}

.case .con .qh i.next{float: right;margin-right: 108px;cursor: pointer;position: absolute;right: 0;z-index: 2;}

.case .con dl{width: 864px;height:628px;position: relative;}

.case .con dt{line-height: 0;overflow: hidden;}

.case .con dt img{width: 864px;height: 486px;}

.case .con dd{height: 69px;background: #D5D5D5;position: relative;}

.case .con dd b{display: block;line-height: 69px;text-align: center;font-size: 18px;color: #191919;font-weight: normal;}

.case .con dd p,.case .con dd a.more{display: none;}

.case .con dl.cur dd{background: #2A2A2A;height:142px;padding: 0 32px;}

.case .con dl.cur dd b{color: #fff;font-size: 20px;font-weight: bold;padding-top: 26px;padding-bottom: 22px;display: block;line-height:110%;text-align:left;}

.case .con dl.cur dd b a{color: #fff;}

.case .con dl.cur dd p{line-height: 24px;color: #fff;opacity: 0.4;font-size: 16px;display: block;}

.case .con dl.cur dd a.more{display: block;background: url(../image/case_more.png) no-repeat right center;height: 19px;color: #fff;font-size: 14px;color: #da251d;width: 86px;right: 32px;top: 32px;position: absolute;line-height: 110%;}

.case .con dl.left dd b{margin-right: 155px;text-align: right;}

.case .con dl.right dd b{margin-left: 155px;text-align: left;}





/*工艺流程*/

.lc{background: #fff;position: relative;overflow: hidden;height: 558px;}

.lc:after{content: "";width: 0;height: 0;position: absolute;border-top: 50px solid #f1f1f1;border-right: 960px solid transparent;border-left: 960px solid transparent;left: 50%;top: 0;margin-left: -960px;}

.lc h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-top: 88px;}

.lc h2 a{display: block;;}

.lc h2 b{background: url(../image/sl_tbg.png) no-repeat;width: 57px;height: 54px;display: block;text-align: center;padding-top: 12px;margin: 0 auto;margin-bottom: 8px;}

.lc h2 b img{width: auto;height: auto;margin: 0 auto;}

.lc h2 span{color: #da251d;font-weight: bold;}

.lc h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}

.lc .con{background: url(../image/lc_bg.jpg) no-repeat center 165px;margin-top: 34px;}

.lc li{float: left;width:109px;height:235px;margin-right: 65px;text-align: center;background: url(../image/lc_cbg.png) no-repeat;margin-left: 6px;}

.lc li:last-child{margin-right: 0;}

.lc li em{display: block;width: 109px;height: 126px;line-height: 0;}

.lc li em.pic1{padding-top: 40px;height: 86px;}

.lc li em.pic2{padding-top: 0px;display: none;}

.lc li span{display: block;font-size: 18px;font-weight: bold;margin-top: 68px;}

.lc li.cur{background: url(../image/lc_cbgh.png) no-repeat;}

.lc li.cur em.pic1{display: none;}

.lc li.cur em.pic2{display: block;}

.lc li.cur span{color: #da251d;}





/*聚焦欧拓*/

/**/

/*新闻资讯*/

.news{background: #f4f4f4;position: relative;overflow: hidden;height: 700px;}

.news:after{content: "";width: 0;height: 0;position: absolute;border-top: 50px solid #fff;border-right: 960px solid transparent;border-left: 960px solid transparent;left: 50%;top: 0;margin-left: -960px;}

.news h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-top: 20px;padding-bottom: 50px;}

.news h2 a{display: block;;}

.news h2 b{background: url(../image/sl_tbg.png) no-repeat;width: 57px;height: 54px;display: block;text-align: center;padding-top: 12px;margin: 0 auto;margin-bottom: 8px;}

.news h2 b img{width: auto;height: auto;margin: 0 auto;}

.news h2 span{color: #da251d;font-weight: bold;}

.news h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}





.news_con h3{ text-align: center; line-height: 30px; margin-bottom:26px; font-weight: bold;}

.news_con h3 a{font-size:33px;  color:#d32727;}

.news_con h3 i{ font-size:22px; display: block;color:#4c4c4c;font-weight: normal;height:62px; background:no-repeat center 98%;}



.news_con dl{float: left;width: 380px;padding-left: 7px;background: #fff;padding-right: 7px;padding-bottom: 29px;margin-right: 6px;display: inline;border: 1px solid #e6e6e6;border-top: 3px solid #d32727;}

.news_con dl.none{ float: right; margin-right: 0; }

.news_con dl span{ display: block; height: 30px; line-height: 30px; border-bottom: 1px solid #d9d9d9; padding-top: 22px; }

.news_con dl span a{ float: left; font-size: 18px; color: #222222; font-weight: bold; }

.news_con dl span a.more{float: right;}

.news_con dl span a.more img{ width: 59px; height: 29px; display: inline-block; }

.news_con dl dt img{ width: 328px; height: 164px; display: block; margin: 0 auto; margin-top: 30px; margin-bottom: 12px; }

.news_con dl dd li{ line-height: 44px; height: 44px; background: url(../image/li.jpg) no-repeat left center; border-bottom: 1px dashed #e6e6e6;  }

.news_con dl dd li.last{border-bottom: none;}

.news_con dl dd li a{ color: #555555; display: block; width: 100%; font-size: 14px; text-indent: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/*走进欧拓*/

.about{background: #fff;position: relative;overflow: hidden;height: 1375px;}

.about:after{content: "";width: 0;height: 0;position: absolute;border-top: 50px solid #f4f4f4;border-right: 960px solid transparent;border-left: 960px solid transparent;left: 50%;top: 0;margin-left: -960px;}

.about h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-top: 116px;}

.about h2 a{display: block;;}

.about h2 b{background: url(../image/sl_tbg.png) no-repeat;width: 57px;height: 50px;display: block;text-align: center;padding-top: 16px;margin: 0 auto;margin-bottom: 8px;}

.about h2 b img{width: auto;height: auto;margin: 0 auto;}

.about h2 span{color: #da251d;font-weight: bold;}

.about h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}

.about .picc{background: url(../image/about_pic.jpg) no-repeat center top;position: relative;height: 649px;}

.about .picc:after{content: "";width: 0;height: 0;position: absolute;border-top: 48px solid #fff;border-right: 960px solid transparent;border-left: 960px solid transparent;left: 50%;top: 0;margin-left: -960px;}

.about .picc em:before{content: "";width: 0;height: 0;position: absolute;border-bottom: 48px solid #fff;border-right: 960px solid transparent;border-left: 960px solid transparent;left: 50%;bottom:0;}

.about .picc em:after{content: "";width: 0;height: 0;position: absolute;border-bottom: 48px solid #fff;border-right: 960px solid transparent;border-left: 960px solid transparent;left: 50%;bottom:0;margin-left: -1920px;}

.about .con{margin-top: 42px;}

.about .con h3{font-size: 22px;color: #252525;display: block;}

.about .con p{line-height: 30px;color:#393939;font-size: 16px;margin-top: 25px;margin-bottom: 36px;}

.about .tit ul{float: left;}

.about .tit em{float: right;background: url(../image/about_more.png) no-repeat right center;height: 18px;padding-right: 22px;}

.about .tit em a{color: #da251d;text-decoration: underline;}

.about .tit li{float: left;}

.about .tit li a{display:inline-block;margin-right: 46px;}

.about .tit li img{display: inline-block;vertical-align: middle;-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: all 0.2s ease-in;}

.about .tit li span{display: inline-block;font-size: 20px;color: #1A1A1A;font-weight: bold;vertical-align: middle;margin-left: 10px;transition: all 0.2s ease-in;line-height: 0}

.about .tit li:last-child a{margin-right: 0;}

.about .tit li.cur span,.about .tit li:hover span{color: #da251d;}

.about .tit li.cur img,.about .tit li:hover img{-webkit-filter: grayscale(0%);filter: grayscale(0%);}

.about .cons{margin-top: 32px;}

.about .cons li{float: left;width: 283px;height: 160px;overflow: hidden;margin-right: 22px;display: inline;}

.about .cons li:last-child{margin-right: 0;}

.about .cons li a{display: block;}

.about .cons li img{width: 283px;height: 160px;}